<link rel="stylesheet" href="../style/components.css" />
<link rel="stylesheet" href="../style/animation.css" />
<div class="cc-wrapper">
  <cc-power top="10" left="20"></cc-power>
  <div class="cc-playground">
    <cc-line top="10.5" left="22.5" length="5" direction="r"></cc-line>
    <cc-switch top="10.25" left="27.5" direction="r"></cc-switch>
    <cc-line top="10.5" left="30" length="2" direction="r"></cc-line>
    <cc-line top="5.5" left="32" length="5" direction="u"></cc-line>
    <cc-icon top="2.7" left="30.5" direction="u" type="heart"></cc-icon>
    <cc-line top="1.6" left="32" length="1" direction="u"></cc-line>
    <cc-line top="1.6" left="32" length="8" direction="r"></cc-line>
    <cc-line top="1.6" left="40" length="15" direction="d"></cc-line>
    <cc-line top="16.7" left="35" length="4.9" direction="l"></cc-line>
    <cc-bulb top="15.1" left="31.8" direction="l"></cc-bulb>
    <cc-line top="16.7" left="11.8" length="20" direction="l"></cc-line>
    <cc-line top="15" left="11.8" length="1.7" direction="u"></cc-line>
    <cc-resistance top="11.3" left="11.8" direction="u"></cc-resistance>
    <cc-line top="10.5" left="11.8" length="1.2" direction="u"></cc-line>
    <cc-line top="10.5" left="11.8" length="8.2" direction="r"></cc-line>
  </div>
  <div class="cc-playground">
    <cc-line top="10.5" left="22.5" length="3" direction="r"></cc-line>
    <cc-line top="7.5" left="25.5" length="2.9" direction="u"></cc-line>
    <cc-line top="7.5" left="25.5" length="5" direction="r"></cc-line>
    <cc-switch top="7.25" left="30.5" direction="r"></cc-switch>
    <cc-line top="7.5" left="33" length="3.9" direction="r"></cc-line>
    <cc-line top="7.5" left="37" length="4.9" direction="d"></cc-line>
    <cc-line top="12.5" left="37" length="4" direction="r"></cc-line>
    <cc-icon top="11" left="40.8" direction="r" type="heart"></cc-icon>
    <cc-line top="12.5" left="43.6" length="1.3" direction="r"></cc-line>
    <cc-line top="12.5" left="45" length="8" direction="d"></cc-line>
    <cc-line top="20.5" left="25" length="19.9" direction="l"></cc-line>
    <cc-icon top="19" left="22" direction="l" type="tree"></cc-icon>
    <cc-line top="20.5" left="16" length="5.9" direction="l"></cc-line>
    <cc-line top="10.5" left="16" length="9.9" direction="u"></cc-line>
    <cc-line top="10.5" left="16" length="4" direction="r"></cc-line>
  </div>
</div>
<script src="../javascript/custom-tag.js"></script>
